<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>谷志文体商城</title>
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/header.css">
  <link rel="stylesheet" href="../css/login.css">
  <link rel="stylesheet" href="../css/footer.css">
  <script src="../js/jquery.min.js"></script>
  <script src="../js/ajax.js"></script> 
  <script src="../js/header.js"></script>
  <script src="../js/cookie.js"></script>
</head>

<body>
  <header>
    <div class="head">
      <div class="container">
        <div class="welcom l">
          <a href="javascript:;">收藏本站</a>
        </div>
        <div class="weibo l">
          <span>关注:</span>
          <a href="javascript:;">
            <img src="../images/index/1 (6).gif" alt="">
          </a>
        </div>
        <div class="headr r">
          <p>欢迎光临谷志文体商城</p><span>|</span>
          <a href="javascript:;">请登录</a><span>|</span>
          <a href="javascript:;">免费注册</a><span>|</span>
          <a href="javascript:;">我的订单</a><span>|</span>
          <a href="javascript:;">在线客服</a><span>|</span>
          <dl>
            <dt class="pdr">关于谷志</dt>
            <dd>
              <p><a href="javascript:;">谷志简介</a></p>
              <p><a href="javascript:;">联系我们</a></p>
              <p><a href="javascript:;">实体店铺</a></p>
            </dd>
          </dl>
          <span>|</span>

          <dl>
            <dt class="pdr">客户服务</dt>
            <dd>
              <p><a href="javascript:;">常见问题</a></p>
              <p><a href="javascript:;">退还政策</a></p>
              <p><a href="javascript:;">关于发票</a></p>
              <p><a href="javascript:;">在线支付</a></p>
              <p><a href="javascript:;">自提取货</a></p>
            </dd>
          </dl>
        </div>
      </div>
    </div>
    <div class="search container">
      <div class="logo">
        <a href="javascript:;"><img src="../images/index/1 (247).jpg" alt=""></a>
      </div>
      <div class="searBox">
        <div class="searinp">
          <input type="text" placeholder="想找什么？输入关键词试试">
          <input type="submit" value="搜索">
        </div>
        <div class="hot">
          <span>热门搜索:</span>
          <a href="javascript:;">A4纸</a>
          <a href="javascript:;">尤尼克斯</a>
          <a href="javascript:;">打印纸</a>
          <a href="javascript:;">硒鼓</a>
          <a href="javascript:;">狂飙3</a>
          <a href="javascript:;">抽杆夹</a>
          <a href="javascript:;">打印机墨盒</a>
          <a href="javascript:;">信封</a>
          <a href="javascript:;">账本</a>
          <a href="javascript:;">大一哇渔具</a>
        </div>
      </div>
      <div class="searight">
        <dl class="service">
          <dt><a href="javascript:;">我的账户</a></dt>
          <dd>
            <a href="javascript:;">我的订单</a>
            <a href="javascript:;">我的积分</a>
            <a href="javascript:;">我的优惠券</a>
            <a href="javascript:;">我的收藏夹</a>
          </dd>
        </dl>
        <dl class="cart">
          <dt><a href="javascript:;">去购物车结算</a></dt>
          <dd class="cartinfo">
            <!-- <div class="nosp">购物车中还没有商品赶紧选购吧</div> -->
            <div class="cartitm">
              <div class="cartimg"><img src="../images/index/1 (290).jpg" alt=""></div>
              <div class="spinfo">
                <p class="title">
                  得力啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊得力啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
                </p>
                <p>销售价：<span>￥4.4</span></p>
                <div>
                  <p>数量：<span>1</span></p>
                  <a href="javascript:;">移除</a>
                </div>
              </div>

            </div>
            <div class="cartitm">
              <div class="cartimg"><img src="../images/index/1 (290).jpg" alt=""></div>
              <div class="spinfo">
                <p class="title">
                  得力啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊得力啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
                </p>
                <p>销售价：<span>￥4.4</span></p>
                <div>
                  <p>数量：<span>1</span></p>
                  <a href="javascript:;">移除</a>
                </div>
              </div>

            </div>
            <div class="cartpric">
              <p>共 1 件商品</p>
              <p>商品总金额<span>￥4.4</span></p>
              <p>订单优惠金额<span>￥0.0</span></p>
              <p>金额总计<span>￥4.4</span></p>
              <button>去结算</button>
            </div>
          </dd>
        </dl>
      </div>
    </div>
    <div class="nav container">
      <div class="all">所有商品分类</div>
      <ul class="menu">
        <li class="navActive"><a href="javascript:;">首页</a></li>
        <li><a href="javascript:;">品牌区</a></li>
        <li><a href="javascript:;">送货上门</a></li>
        <li><a href="javascript:;">实体店铺</a></li>
      </ul>
      <div class="adve">
        <img src="../images/index/1 (8).gif" alt="">
      </div>
    </div>
  </header>
  <main class="container">
    <div class="login">
      <h2>用户登录</h2>
      <ul>
        <li>
            <input type="text" placeholder="用户名/邮箱地址/手机号" class="username">
            <p style="display: none;">请输入用户名</p>
        </li>
        <li>
            <input type="password" placeholder="填写密码" class="password">
            <p style="display: none;">请输入密码</p>
        </li>
        <li class="check">
          <input type="checkbox" class="remember" checked>记住账号
          <input type="checkbox" class="fortnight">两周自动登录
        </li>
        <li class="denglu">
          <button class="log">登  录</button><a href="javascript:;">忘记密码</a>
        </li>
      </ul>
      <div class="zhuce">
        <span>还不是会员?</span>
        <a href="./regist.html">免费注册</a>
      </div>
    </div>
  </main>
  <footer class="container">
    <div class="foottop">
      <div class="help">
        <dl>
          <dt>购物指南</dt>
          <dd><a href="javascript:;">购物流程</a></dd>
          <dd><a href="javascript:;">购物流程</a></dd>
          <dd><a href="javascript:;">购物流程</a></dd>
        </dl>
        <dl>
          <dt>购物指南</dt>
          <dd><a href="javascript:;">购物流程</a></dd>
          <dd><a href="javascript:;">购物流程</a></dd>
          <dd><a href="javascript:;">购物流程</a></dd>
        </dl>
        <dl>
          <dt>购物指南</dt>
          <dd><a href="javascript:;">购物流程</a></dd>
          <dd><a href="javascript:;">购物流程</a></dd>
          <dd><a href="javascript:;">购物流程</a></dd>
        </dl>
        <dl>
          <dt>购物指南</dt>
          <dd><a href="javascript:;">购物流程</a></dd>
          <dd><a href="javascript:;">购物流程</a></dd>
          <dd><a href="javascript:;">购物流程</a></dd>
        </dl>
        <dl>
          <dt>购物指南</dt>
          <dd><a href="javascript:;">购物流程</a></dd>
          <dd><a href="javascript:;">购物流程</a></dd>
          <dd><a href="javascript:;">购物流程</a></dd>
        </dl>
      </div>
      <div class="weixin">
        <h6>本站微信公众号</h6>
        <img src="../images/index/1 (13).gif" alt="">
        <p>扫一扫关注谷志Goozs</p>
      </div>
    </div>
    <div class="footcent">
      <img src="../images/index/1 (5).gif" alt="">
      <img src="../images/index/1 (3).gif" alt="">
      <img src="../images/index/1 (10).gif" alt="">
      <img src="../images/index/1 (16).gif" alt="">
      <img src="../images/index/1 (2).gif" alt="">
    </div>
    <div class="footbot">
      <p>© 2013 All rights reserved.</p>
      <p>鲁ICP备10206643号-1</p>
      <p>本商店顾客个人信息将不会被泄漏给其他任何机构和个人</p>
      <p>本商店logo和图片都已经申请保护，未经授权不得使用</p>
      <p>山东谷志文化运动用品有限公司版权所有</p>
      <p>有任何购物问题请联系我们在线客服 | 电话：0531-86095199 | 工作时间：周一至周日 9:00－19:00</p>
      <p><img src="../images/index/1 (3).png" alt=""> 鲁公网安备 37010202000557号</p>
    </div>
    <script>
      var dls = document.querySelectorAll('.help dl')
      dls.forEach(function (e, i) {
        e.style.backgroundPosition = -i * 191 + 'px -8px'
      })
    </script>
  </footer>
</body>
  <script src="../js/login.js"></script>
  <script src="../js/navCar.js"></script>
</html>